// 全局自定义指令
// Vue.directive('指令名', 配置对象)
export const imgerror = {
  inserted(el, bingimg) {
    // el就是使用这个指令的dom元素
    console.log(bingimg.value) // 指令的值
    // onerror 是图片加载失败后 碎裂的图片就会触发这个onerror
    el.onerror = function() {
      // el.src = 'https://img0.baidu.com/it/u=3983622294,3123611233&fm=26&fmt=auto&gp=0.jpg'
      el.src =
        bingimg.value ||
        'https://img0.baidu.com/it/u=3983622294,3123611233&fm=26&fmt=auto&gp=0.jpg'
    }
  }
}

export const red = {
  inserted(el) {
    el.style.color = 'red'
  }
}

export const skyblue = {
  inserted(el) {
    el.style.color = 'skyblue'
  }
}
